﻿html, body{height:100%}
html {font-size:62.5%;-webkit-font-smoothing:antialiased}

body {background: black url("../images/clear.png");}
body{ margin:0; line-height:20px; color:#222; font-size:14px; font-size:1.4rem; font-family:'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif;}

h1, h2, h3 {font-family:'freight-sans-pro', 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif}
h1 {font-size:36px;line-height:40px}
h2 {font-size:23px;line-height:30px}
h3 {font-size:16px;font-weight:600;font-weight:bold}
       
.top-bar h1,.top-bar h2{color:#fff}
.top-bar h2{font-size:14px;font-weight:bold;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,0.6)}
.top-bar a,.top-bar a:visited,.top-bar a:hover{text-decoration:none}

.page-footer{font-size:13px}
.page-footer nav,.page-footer p{text-transform:uppercase;font-weight:bold}
.page-footer p{color:#999}.account-state{font-weight:bold}

.page-footer-chromeless,.page-footer-dark,.page-home .page-footer{text-shadow:0 1px 0 rgba(255,255,255,0.6)}
.page-footer-dark span,.page-footer-dark a,.page-footer-dark a:visited,.page-footer-dark a:active,.page-footer-dark a:hover{color:#fff;-moz-opacity:0.3;-khtml-opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:0.3}
.page-footer-dark a:hover,.page-footer-dark a:active{-moz-opacity:0.8;-khtml-opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);opacity:0.8;opacity:0.8}a{-webkit-tap-highlight-color:rgba(63,114,155,0.3)}

.root{height:100%;min-width:320px}
.page,.dialog-outer{position:relative;min-height:100%}
.page-footer{position:relative;margin-top:-30px;z-index:20}
.hidden{display:none}
.wrapper{width:90%;margin:0 auto;padding:0 15px;position:relative}

.top-bar {
	position:relative;
	height:44px;
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #C048EE, #6C1BC4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C048EE), to(#6C1BC4));
    background-image: -webkit-linear-gradient(top, #C048EE, #6C1BC4);
    background-image: -o-linear-gradient(top, #C048EE, #6C1BC4);
    background-image: linear-gradient(to bottom, #C048EE, #6C1BC4);
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#C048EE', endColorstr='#6C1BC4', GradientType=0);
    background-position:50% 50%;
    z-index:100;
}

.page-footer {
    clear:both;
    background-color: #F7F7F7;
    overflow:hidden;
    padding:5px 0 15px;
    border-top:1px solid #e2e8ed;
    -webkit-box-shadow:inset 0 1px 0 rgba(195,207,217,0.2);
    -moz-box-shadow:inset 0 1px 0 rgba(195,207,217,0.2);
    -ms-box-shadow:inset 0 1px 0 rgba(195,207,217,0.2);
    -o-box-shadow:inset 0 1px 0 rgba(195,207,217,0.2);
    box-shadow:inset 0 1px 0 rgba(195,207,217,0.2);
}

.page-footer p {float:right; display:inline; padding:0; margin:0}



.sidebar-nav li li,.sidebar-nav a{color:#6C1BC4}
.sidebar-nav li li:hover,.sidebar-nav a:hover{color:#C048EE; cursor: pointer;}
.sidebar-nav h2 {font-size:14px;line-height:20px;text-transform:uppercase;color:#a4baca}

.sidebar {position:absolute;z-index:0;width:100%;height:100%;margin-top:-51px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.sidebar .wrapper {height:100%;}
.sidebar-nav {float:left;height:100%;margin:0 0 40px -16px;}
.sidebar-nav .sidebar-content{padding-top:50px; margin:-1px 0 0 -1px}

.sidebar-nav,.sidebar-content {
	width:215px;
	padding-right:0;
	background: black url("../images/dark.jpg");
	border-left:1px solid #c3cfd9;
	border-right:1px solid #c3cfd9;
	-webkit-box-shadow:0 1px 0px rgba(0,0,0,0.05);
	-moz-box-shadow:0 1px 0px rgba(0,0,0,0.05);
	-ms-box-shadow:0 1px 0px rgba(0,0,0,0.05);
	-o-box-shadow:0 1px 0px rgba(0,0,0,0.05);
	box-shadow:0 1px 0px rgba(0,0,0,0.05)
}
	
.sidebar-nav h2 {padding:20px 0px 10px 15px;margin:0}
.sidebar-content>ul {list-style:none;margin:0;padding:0;border-top:1px solid #c3cfd9}
.sidebar-content>ul>li>a {position:relative; display:block; padding:9px 5px 10px 15px; border-bottom:1px solid #c3cfd9; text-decoration:none;}

.nav-page-content {position:relative;margin-left:200px;padding:10px 0 80px 40px}
.nav-page-content h1 {padding:15px 0 15px;margin:0 0 0 -1px}

header h1, h2, h3 {color:#6C1BC4}

